<template>
	<view :class="['vh100',{'dark':theme == 'dark'}]">
		<view class="plr20 ptb10">
			
			<!-- 身份认证之前 -->
			<view class="flex alcenter between ptb10 ft16">
				<text class="ft18 bold">{{$t('authentication.renzheng')}}</text>
				<navigator v-if="msg.realStatus=='0'" url="/pages/mine/real_authentication" class="blue2">{{$t('authentication.go')}}</navigator>
				<text v-if="msg.realStatus == '2'"  class="blue2">{{$t('authentication.ing')}}</text>
				<text class="blue2" v-if="realStatus == '1'">{{$t('authentication.has')}}</text>
				
			</view>
			
			<!-- 间隔曹 -->
			<u-gap height="10" bg-color=""></u-gap>
			<!-- 身份认证之后 -->
			<view v-if="msg.realStatus == '0'" class="mt10 ft14">
				<view class="flex alcenter mt10">
					<image src="../../static/image/tssp.png" class="wt15 h15"></image>
					<view class="chengse ft14"> 丨{{$t('bico.W231')}}</view>
				</view>
				<u-gap height="30" bg-color=""></u-gap>
				<u-line color="#5559691f"></u-line>
			</view>
			<u-gap height="30" bg-color=""></u-gap>
			<view v-if="msg.realStatus == '1'" class="ft16 bold">
				<view class="wrap">
					<u-row gutter="16">
						<u-col span="3">
							<view class="">
								{{$t('authentication.name')}}
							</view>
						</u-col>
						<u-col span="3">
							<view class=""></view>
						</u-col>
						<u-col span="3">
							<view class=""></view>
						</u-col>
						<u-col span="3">
							<view class="rit">
								{{msg.realName}}
							</view>
						</u-col>
					</u-row>
					<u-line color="#5559691f"></u-line>
					<u-row gutter="16">
						<u-col span="3">
							<view class="">
								{{$t('bico.W257')}}
							</view>
						</u-col>
						<u-col span="3">
							<view class=""></view>
						</u-col>
						<u-col span="3">
							<view class=""></view>
						</u-col>
						<u-col span="3">
							<view class="rit">
								{{msg.account}}
							</view>
						</u-col>
					</u-row>
					<u-line color="#5559691f"></u-line>
			    </view>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapState,mapActions,mapGetters} from 'vuex';
	import {info} from '../../common/apiString.js'
	import {myMixins} from '@/common/myMixins.js'
	export default{
		mixins:[myMixins],
		data() {
			return {
				msg:{
					realStatus:'0'
				}
			}
		},
		computed:{
			...mapState({
			  theme:state=>state.theme
			}),
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:this.$t('bico.W232'),
			})
			this.$utils.setTheme(this.theme);
		},
		onShow(){
			this.getInfo();
		},
		methods: {
			getInfo(){
                    this.$utils.initDataToken({url:info,data:{},type:'post'},(res,msg)=>{
						this.msg = res;
						this.msg.realStatus=res.realStatus
					});
			}
		},
	}
</script>

<style lang="scss">
	.vh100 {
	    min-height: 100vh;
	    padding: 2vw;
	}
	.wrap {
			padding: 0px;
		}
	
		.u-row {
			margin: 40rpx 0;
		}
	
		.demo-layout {
			height: 80rpx;
			border-radius: 8rpx;
		}
	
		.bg-purple {
			background: #d3dce6;
		}
	
		.bg-purple-light {
			background: #e5e9f2;
		}
	
		.bg-purple-dark {
			background: #99a9bf;
		}
		.blue2 {
		    color: #8f95b3;
		    font-size: 14px;
		}
		
		.rit {
			text-align: right;
		}
</style>

